<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp">
     <meta name="keywords" content="${keyword}"  >
    <meta name="description" content="${description }" />
    <title  data-index="2" id="selextTitle" >就业资讯-湖南卓景京信息技术有限公司</title>
    <!--[if lt IE 8]>
    <meta http-equiv="refresh" content="0;ie.html" />
    <![endif]-->
    <link href="${path }/resource/plugin/bootstrap-3.3.5/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/plugin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/base.css" rel="stylesheet" type="text/css">
    <link href="${path }/resource/css/visitor/job.css" rel="stylesheet" type="text/css">
    <link rel="shortcut icon" href="${path }/resource/${path }/resource/${path }/resource/images/favicon.ico">
</head>
<body class="">

<jsp:include page="_top.jsp"></jsp:include>
<div class="warp-box">
    <div class="content">
        <div class="banner">
            <img src="${banner.adImg }" alt="">
        </div>
        <div class="wrap">
            <div class="item1">
                <div class="container">
                    <div class="tit">
                        <img src="${path }/resource/images/job-tit1.jpg" alt="">
                        <img src="${ys.adImg}" alt="" class="img2">
                    </div>
                    <div class="row">
                        <div class="col-md-7 data data1 text-center">
                            <div class="name">
                                <span class="square"></span>薪酬水平
                            </div>
                            <div>
                                <img src="${xcsp.adImg}" alt="">
                            </div>
                        </div>
                        <div class="col-md-5 data data2">
                            <div class="name">
                                <span class="square"></span>招聘需求量
                            </div>
                            <ul>
                            	<c:forEach var="item" items="${zpxql }" varStatus="count">
                            		<c:choose >
                            			<c:when test="${count.index <3 }">
                           			<li class="color-yellow"><span class="icon-yellow">${count.index+1 }</span>${item.adTitle }&nbsp;&nbsp;
                           			................................................... 
                           			<span class="count">${item.adInfo1 }</span></li>
                            			</c:when>
                            			<c:otherwise>
                            			<li><span class="icon-blue">${count.index+1 }</span>${item.adTitle }&nbsp;&nbsp;
                           			................................................... 
                           			<span class="count">${item.adInfo1 }</span></li>
                            			</c:otherwise>
                            		</c:choose>
                            	</c:forEach>
                            </ul>
                        </div>
                    </div>
                    <div class="text-center tips">注：各数据来自职友集网站</div>
                </div>
               
            </div>
            <div class="item2">
                <div class="container">
                    <div class="tit">
                        <img src="${path }/resource/images/job-tit2.png" alt="">
                    </div>
                    <div class="row">
                    <c:forEach items="${wmdcl }" var="item" >
                        <div class="col-md-3 col-xs-6"><div class="inner"><img src="${item.adImg}" alt=""></div></div>
                    </c:forEach>
                    </div>
                </div>
            </div>
            <div class="item3">
                <div class="container">
                    <div class="tit">
                        <img src="${path }/resource/images/job-tit-3.png" alt="">
                    </div>
                    <div class="table-responsive">
                        <table  class="table table-hover job job1">
                            <tr>
                                <th style="width: 11%;">姓名</th>
									<th style="width: 19%;">毕业院校</th>
									
									<th style="width: 19%;">就业单位</th>
									<th style="width: 7%;">地点</th>
									<th style="width: 14%;"><span class="money">薪资</span></th>
									<th style="width: 15%;">福利</th>
									<th style="width: 14%;">就业时间</th>
                            </tr>
                        </table>
                        <div class="box">
                            <table class="table table-hover job job2"  id="job">
                                <tbody>
										<c:forEach items="${jydt }" var="item">
											<tr>
												<td class="td1">${item.adTitle }</td>
												<td class="td2">${item.adInfo1 }</td>
												<td class="td3">${item.adInfo3 }</td>
												<td class="td4">${item.adInfo4 }</td>
												<td class="td5"><span class="money">${item.adInfo5 }</span></td>
												<td class="td6">${item.adInfo2 }</td>
												<td class="td7"><fmt:formatDate value="${item.adTime }"
												pattern="yyyy-MM-dd" /></td>
											</tr>
										</c:forEach>

									</tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item4">
                <div class="container">
                    <div class="tit">
                        <img src="${path }/resource/images/job-tit-4.png" alt="">
                    </div>
                    <div class="row">
                     <c:forEach items="${lmsj }" var="item" >
                        <div class="col-md-2 col-xs-4 box">
                            <div class="pic">
                                <img src="${item.adImg}" alt="">
                                <span>${item.adTitle }</span>
                            </div>
                            <div class="txt">${item.adInfo1 }</div>
                        </div>
                        </c:forEach>
                    </div>
                    <div class="enroll"><a  target="_blank" href="http://tb.53kf.com/code/client/10125135/1"><h2>我要报名</h2></a></div>
                </div>
            </div>
            <div class="item5">
                <div class="container">
                    <div class="tit">
                        <img src="${path }/resource/images/job-tit-5.png" alt="">
                    </div>
                    <div class="pics"><img src="${xyq.adImg}" alt=""></div>
                </div>
            </div>
             <div class="item6">
                <div class="container">
                    <div class="tit">
                        <img src="${path }/resource/images/job-tit-6.png" alt="">
                    </div>
                   
                    	<div class="row">
                    <c:forEach items="${xyfx }" var="item" >
                        <div class="col-md-4 col-xs-4"><div class="inner">
                        <a href="${item.adUrl}"><img src="${item.adImg}" alt=""  class="pic1"><img src="${path }/resource/images/playBtn.png" alt="" class="pic2"></a></div></div>
                    </c:forEach>
                    </div>
                   
                    <div class="row text-center">
                    	<a class="more" href="${path }/visitor/share">查看更多</a>
                    </div>
                </div>
            </div>
             <div class="item6 item7">
                <div class="container">
                    <div class="tit">
                        <img src="${path }/resource/images/job-tit7.png" alt="">
                    </div>
                   
                    	<div class="row">
                    <c:forEach items="${qykb }" var="item" >
                        <div class="col-md-4 col-xs-6"><div class="inner">
                        <a href="${item.adUrl}"><img src="${item.adImg}" alt="" class="pic1"></a></div></div>
                    </c:forEach>
                    </div>
                    
                    <div class="row text-center">
                    	<a class="more" href="${path }/visitor/news">查看更多</a>
                    </div>
                </div>
            </div>
            
        </div>
    </div>
</div>



<jsp:include page="_foot.jsp"></jsp:include>
<script type="text/javascript" src="${path }/resource/js/plugin/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="${path }/resource/plugin/bootstrap-3.3.5/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/AjaxProxy.js"></script>
<script type="text/javascript" src="${path }/resource/js/systools/MTools.js"></script>
<script type="text/javascript" src="${path }/resource/js/plugin/carousel.js"></script>
	<script src="${path }/resource/js/plugin/tween.js"></script>
		<script src="${path }/resource/js/plugin/utils.js"></script>
<script>
$(function(){
    Carousel.init($(".pictureSlider"));
});
(function () {
    var job=document.getElementById("job");
    var atr=job.getElementsByTagName("tr");
    job.moveTimer=window.setInterval( function () {
        changeImg(job,atr.length)
    },100);
    var step=0;
    function changeImg(obj,height)
    {
        if(step===0)
        {
            obj.style.top=0;
        }
        step+=5;
        window.tween(obj,{top:-step},50);
        if(step>=(height-6)*60)
        {
            step=0;
        }
    }
    job.onmouseover=function () {
        clearInterval(job.moveTimer)
    }
    job.onmouseout=function () {
        job.moveTimer=window.setInterval( function () {
            changeImg(job,atr.length)
        },100);
    }
})()

</script>
</body>
</html>